<!-- 添加消防检查 -->
<template>
  <view class="page">
    <view class="bd-info">
      <view class="col">
        <text>设备编号</text>
        <view class="" style="display: flex;align-items: center;">
          <text>{{ form.deviceId }}</text>
          <u-icon name="arrow-right" color="#999999" size="24"></u-icon>
        </view>
      </view>
      <view class="col">
        <text>位置</text>
        <text>A1-1栋22-02旁</text>
      </view>
    </view>

    <view class="xb-info">
      <view class="col">
        <text>检查日期</text>
        <text>2021/10/11</text>
      </view>
      <view>
        <text>类型</text>
        <radio-group @change="touchChange">
          <label>
            <radio value="正常" :checked="form.result == '正常'"/>
            <span>正常</span>
          </label>

          <label>
            <radio value="不正常" :checked="form.result == '不正常'"/>
            <span>不正常</span>
          </label>
        </radio-group>
      </view>

      <view>
        <text>检查人</text>
        <input type="text" v-model="form.maintenanceMan" placeholder="请填写姓名"/>
      </view>
    </view>

    <view class="xb-info">
      <view class="flex-col" style="flex-direction: column;justify-content: flex-start;">
        <text style="text-align: left;justify-content: flex-start;width: 100%;">备注</text>
        <textarea auto-height maxlength="200" v-model="form.remark" placeholder="请输入最多200个字符…"
                  placeholder-class="inputClass"></textarea>
      </view>
    </view>

    <view class="xb-bottom-btn">
      提交
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      form: {
        result: '正常',//检查结果
        maintenanceMan: '',//维护人
        remark: '',
        maintenanceType: '',
        deviceId: ''
      }
    }
  },
  methods: {
    touchChange(e) {
			
    }
  }
}
</script>

<style>

</style>
